<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport", initial-scale=1.0">
    <title>弹窗</title>
    <!-- 目前导入css会出问题，问题在css里，先注释，后排查

    <link href="add_tag.css" rel="stylesheet" type="text/css"/>

    -->
</head>
<body>

    <div class="up">
        <p>添加书签</p>
        <!-- 关闭按钮 -->
        <form action="">
            <div class="select">
                <img id="wait_img" src="../pic/wait.webp"/>
                <!-- 选择放入哪个文件夹  -->
                <span>文件夹：</span>
                <select name="" id="category">
                    <option value="" selected>默认</option>
                </select>    
            </div>
            <div class="title">
                <!-- 在文件夹中的名称，默认是网页本身title -->
                <span>标题：</span>
                <input type="text" id="input_name"/>
            </div>

            <div class="url">
                <!-- 在文件夹中的名称，默认是网页本身title -->
                <span>链接：</span>
                <input type="text" id="input_url"/>
            </div>
        
            <div class="confirm">
                <!-- 确认是否提交 -->
                <!-- 确认是否提交 -->
                <img id="confirm" src="../pic/confirm.png" height="30px" width="60px" >
                <!-- <input type="button" id="confirm" value="确认"/> -->
                <img id="close" src="../pic/close.png" height="30px" width="60px">
                <!-- <input type="button" id="close" value="取消"/> -->
            </div>

            <div class="edit"> 
                <!-- 表示编辑文件夹，点击该按钮进入主页面 -->
                <img id="manager" src="../pic/manager.png" height="30px" width="60px">
                <!-- <input type="button" id="manager" value="管理书签"/> -->
                <img id="logout" src="../pic/logout.png" height="30px" width="60px">
                <!-- <input type="button" id="logout" value="退出登录"/> -->
            </div>
        
        </form>

        <!-- 常用的显示错误消息 -->
        <span style="color:red" id="show_status"></span>
    </div>

    <!-- 依赖库和接口 -->
    <script type="text/javascript" src="../jquery-3.6.1.js" ></script>
    <script src="../api.js"></script>

    <script src="add_tag.js"></script>


</body>
</html>